<style>
* {
	box-sizing: border-box;
	font-family: 'Trebuchet MS', 'Arial Unicode MS', sans-serif;
	font-weight: normal;
}

.Live-Events {
	font-family: 'Trebuchet MS', 'Arial Unicode MS', sans-serif;
	max-width: 1024px;
    margin: auto;
    padding: 0px 5px;
}

.Events-Overview-Header {
	width: 100%;
    margin-top: 5px;
    color: #e3e3e3;
    text-align: center;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) !important;
    background-color: #5d5d5c;
    border-bottom: 1px solid #454545;
    position: relative;
    padding: 4px 0px 4px 0px;
    overflow: hidden;
}

.Events-Overview-Markets {
	width: 100%;
    color: #5a5959;
	background-color: #acacab;
    font-weight: bold;
    padding: 5px 5px 0px 0px;
}

.Live-Event-Holder {
	display: flex;
	justify-content: flex-start;
	gap: 20px;
	line-height: 16px;
}

.Live-Event-Duo, .Live-Event-Odds {
	width: 50%;
	border-collapse: collapse;
	table-layout: fixed;
}

.Live-Event-Row {
	display: flex;
    gap: 0px;
    width: 100%;
}
.Live-Event {
	width: 50%;
    background-color: #5d5d5c;
	/* padding: 4px 8px; */
	font-weight: bold;
	color: #fbfafa;
	border-bottom: 1px solid #535353;
    border-top: none;
    border-right: 1px solid #535353;
    border-left: 1px solid #535353;
}

.Live-Event:hover {
    background-color: #6d6d6c;
}

.Live-Event-Link {
    color: #fbfafa;
}

.Live-Event-Link:hover {
	text-decoration: none;
}

.Live-Event-Link:focus {
	text-decoration: none;
}

.Live-Event-Details {
	padding: 4px 8px;
}

.team-name {
    color: #fbfafa;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.live-event-score {
	color: #eabd31;
    font-weight: bold;
    float: inline-end;
}

.live-event-stream {
	color: #b8b6b5;
    font-weight: bold;
	margin-left: 12px;
}

.live-event-fav {
	color: #b8b6b5;
    font-weight: bold;
	margin-left: 12px;
}

.live-event-time {
    color: #b8b6b5;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}

.live-span-separator {
	color: #b8b6b5;
    font-weight: bold;
	margin-left: 12px;
}

.fa-minus {
	transform: rotate(-90deg);
}

.country-flag {
	width: 16px;
    object-fit: unset;
    text-align: left;
    opacity: 0.9;
    /* font-size: 24px; */
    position: relative;
    margin: 0px 8px 2px 0px;
}

/* Outcomes Right 50% */
.live-outcome {
	width: auto;
	font-size: 13px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #535353;
    border-top: none;
    border-right: 1px solid #535353;
	background-color: #4c4c4c;
}

.live-outcome:hover {
    background-color: #6d6d6c;
}

.Live-Outcome-Link {
    color: #fbfafa;
}

.Live-Outcome-Link:hover {
	text-decoration: none;
}

.Live-Outcome-Link:focus {
	text-decoration: none;
}

.Outcome-Details {
	padding: 15px 0px;
}

.live-outcome-name {
	text-align: center;
	color: #b8b6b5;
	text-decoration: none;
	font-weight: normal;
}

.live-outcome-odd {
	text-align: center;
	color: #eabd31;
	text-decoration: none;
	font-weight: normal;
}

/* MASTER GROUPS AND LEAGUES */

.league-events {
	top: 0;
	left: 0;
	background-color: #5d5d5c;
	overflow-x: hidden;
	margin-top: 00px;
	margin-bottom: 3px;
	position: relative;
	border-radius: 5px;
}

.league-events a:hover, {
	color: #f1f1f1;
}

.active, .league-events a:hover {
	color: #f1f1f1;
}

.events-section-icon {
	font-size: 14px;
	margin: 0px 5px 0px 0px;
}

.Event-Market {
	width: 50%;
    text-align: left;
    font-size: 13px;
    padding: 5px 0px 2px 10px;
}

.Event-Outcome {
	width: auto;
	text-align: center;
	font-size: 13px;
	padding: 5px 0px 2px 0px;
	
}

.Live-League-Header {
	width: 100%;
    color: #e3e3e3;
    text-align: left;
    font-size: 12px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) !important;
    background-color: transparent;
    padding: 8px 8px;
    overflow: hidden;
	text-decoration: none;
	border: none;       /* removes default button border */
	outline: none;      /* removes focus outline */
	box-shadow: none;   /* removes any shadow */
	cursor: pointer;    /* keeps pointer on hover */
	/*box-shadow: 0 2px 5px rgba(0,0,0,0.3); */
	
}

.collapsible {
    border-bottom: 1px solid blue;
	
}

.container-events {
	width: 100%;
	padding-right: 0px;
    padding-left: 0px;
}

}
</style>